
/*!
 * StylePlugins
 * styleplugins-mobile-rem.css 手机rem单位版
 */

@import url('./styleplugins-pc.css');

/********************************************mobile-rem-common****************************************************************/

/*在以下配置将styleplugins-pc.css的px像素转换成rem*/

/********************************************mobile-rem-block****************************************************************/

/* **
布局块：st-dataBlock数据块
嵌套块：st-contentBlock内容块 st-listBlock列表块 st-leftBlock左边块 st-rightBlock右边块 st-flexBlock 布局块
嵌套盒：st-contentBox内容盒 st-dataBox数据盒 st-leftBox左边盒 st-rightBox右边盒 st-flexBox布局合 st-listBox列表盒
块间距：st-dataBlock[mobile:15px pc:30px]上下间距 st-contentBlock,st-listBlock,st-leftBlock,st-rightBlock,st-flexBlock[mobile:15px pc:15px]其它块上下间距
-------------------------------------------------- */

/*在以下配置将styleplugins-pc.css的px像素转换成rem*/

/********************************************i-mobile****************************************************************/

/* **
布局块：st-dataBlock数据块
嵌套块：st-contentBlock内容块 st-listBlock列表块 st-leftBlock左边块 st-rightBlock右边块 st-flexBlock 布局块
嵌套盒：st-contentBox内容盒 st-dataBox数据盒 st-leftBox左边盒 st-rightBox右边盒 st-flexBox布局合 st-listBox列表盒
块间距：st-dataBlock[mobile:15px pc:30px]上下间距 st-contentBlock,st-listBlock,st-leftBlock,st-rightBlock,st-flexBlock[mobile:15px pc:15px]其它块上下间距
-------------------------------------------------- */

/* 布局块定义 */
.st-dataBlock,.st-contentBlock,.st-listBlock,.st-leftBlock,.st-rightBlock,.st-flexBlock{ margin-top:.3rem;}
.st-dataBlock{ padding-left:.2rem; padding-right:.2rem;}
.st-boxMTop0{ margin-top:0!important;}.st-boxPLR0{ padding-left:0!important; padding-right:0!important;}

/* Mobile表单样式 */
.st-MFormBlock .st-group{margin-bottom:.2rem}
.st-MFormBlock .st-list{font-size:.3rem;color:#333;box-sizing:border-box;border-bottom:.02rem solid #f3f3f3;background:#fff;padding-left:.2rem;padding-right:.2rem}
.st-MFormBlock .st-title{box-sizing:border-box;width:1.96rem;color:#999;padding-top:.18rem;padding-bottom:.18rem;font-size:.3rem;line-height: 1.5;}
.st-MFormBlock .st-title.st-top{width:100%!important;padding-bottom:0!important;}.st-MFormBlock .st-title .st-required{color:red;position:relative;top:.04rem}
.st-MFormBlock .st-title.st-lreq{padding-left:.14rem}.st-MFormBlock .st-content{box-sizing:border-box;align-items:center;padding-top:.18rem;padding-bottom:.18rem;line-height: 1.5;}
.st-MFormBlock .st-inputBox,.st-MFormBlock .st-selectBox,.st-MFormBlock .st-textareaBox{border:none;width:100%;display:block;box-sizing:border-box;padding:0;font-size:.3rem;}
.st-MFormBlock .st-inputBox:focus,.st-MFormBlock .st-selectBox:focus,.st-MFormBlock .st-textareaBox:focus{outline:0}.st-MFormBlock .st-rowBox{font-size: .3rem;}
.st-MFormBlock .st-inputBox, .st-MFormBlock .st-selectBox{height:.42rem;line-height:.42rem;}.st-MFormBlock .st-textareaBox{height:1.2rem;line-height: 1.5;}
.st-MFormBlock .st-selectBox{color:#757575;-webkit-appearance:none;-moz-appearance:none;appearance:none}